    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASm3CwaK9qtcZEWYa-iQwHaGi3gcosAJc&sensor=false"></script>
       <script type="text/javascript">
            // When the window has finished loading create our google map below
            google.maps.event.addDomListener(window, 'load', init);

            function init() {
                // Basic options for a simple Google Map
                // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
                var mapOptions = {
                    // How zoomed in you want the map to start at (always required)
                    zoom: 11,
                    // The latitude and longitude to center the map (always required)
                    center: new google.maps.LatLng(-5.7717238, -35.2134804), // New York

                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    // How you would like to style the map. 
                    // This is where you would paste any style found on Snazzy Maps.
                    styles: [{'featureType': 'water', 'stylers':
                                    [{'visibility': 'on'}, {'color': '#acbcc9'}]},
                        {'featureType': 'landscape', 'stylers': [{'color': '#f2e5d4'}]},
                        {'featureType': 'road.highway', 'elementType': 'geometry', 'stylers': [{'color': '#c5c6c6'}]},
                        {'featureType': 'road.arterial', 'elementType': 'geometry', 'stylers': [{'color': '#e4d7c6'}]},
                        {'featureType': 'road.local', 'elementType': 'geometry', 'stylers': [{'color': '#fbfaf7'}]},
                        {'featureType': 'poi.park', 'elementType': 'geometry', 'stylers': [{'color': '#c5dac6'}]},
                        {'featureType': 'administrative', 'stylers': [{'visibility': 'on'}, {'lightness': 33}]},
                        {'featureType': 'road'}, {'featureType': 'poi.park', 'elementType': 'labels', 'stylers': [{'visibility': 'on'}, {'lightness': 20}]},
                        {}, {'featureType': 'road', 'stylers': [{'lightness': 20}]}]
                };

                // Get the HTML DOM element that will contain your map 
                // We are using a div with id="map" seen below in the <body>
                var mapElement = document.getElementById('map');

                // Create the Google Map using out element and options defined above
                var map = new google.maps.Map(mapElement, mapOptions);
            }
        </script>

<div class="row">
    <div class="col-md-11 col-md-offset-1">   
     <h1>Como llegar al cine <?php echo $cines[0]['nombre']; ?> :</h1>



    <div class="col-md-3">
     
  
        <h3></h3>
      
        <p>Dirección : <?php echo $cines[0]['calle']; ?>, <?php echo $cines[0]['numero']; ?> </p>        
        <p><?php echo $cines[0]['poblacion']; ?> </p>
        <p>Teléfono :<?php echo $cines[0]['telefono']; ?></p>
        <!--<p>Email :<?php //echo $cine ['email']; ?></p>-->
        <p>Numero de salas :<?php echo $cines[0]['n_salas']; ?></p>
        
        
        
        
        <br />
            <a href="<?php echo base_url(); ?>cines/cine/<?php echo $cines[0]['cod_cine']?>">Volver</a>
        <hr />
        
            </div>
 <!--<div >
                     <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d5987.619668753824!2d2.1383823368189585!3d41.378216150967596!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sbarcelona+cinema+balanya!5e0!3m2!1sca!2s!4v1402269744910" width="600" height="450" frameborder="0" style="border:0"></iframe>
                    </div>-->
 <div id="map"> 
                    </div>
 
  
       </div> 
    </div>
     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXPZ-IeNsXtFjy6rPbnnr-cU604KbgqRA&sensor=true"></script>
  